// 导航栏 我的第五大道
var bak=$(".kuan").css("background")
$(".kuan").on("mouseover",function(){
    $(this).css({background:"white"})
     $(this).children(".kuan_ol").show()
    
})
$(".kuan_ol").on("mouseout",function(){
    $(this).hide()
    $(".kuan").css({background:bak})
})
// -----------------------
// 品牌旗舰
$(".brandship_list li").on("mouseenter",function(){
    $(this).find(".brandship_tbox").css({height:"242px"})
})
$(".brandship_list li").on("mouseleave",function(){
    $(this).find(".brandship_tbox").css({height:"154px"})
})
// -----------------------------
// 图片区特效
$(".oversealife_list li").on("mouseover",function(){
    $(this).children("i").css({
        left:"402px",
        backgroundImage:"linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.7), rgba(255,255,255,0))"
})
})
$(".oversealife_list li").on("mouseout",function(){
    $(this).children("i").css({
        left:"-402px",
        background:"rgba(0,0,0,0)"
})
})
// 变色导航
$(".Navigation a").on("mouseover",function(){
     $(this).children("span").stop().animate({top:0})
})
$(".Navigation a").on("mouseout",function(){
    $(this).children("span").stop().animate({top:46})
})
// 轮播图
$(function(){
    // 焦点功能没做
    // $("i").on("click",function(){
    //         console.log($(this));
            
    //     })
    

    let count=0;
    // 左边点击效果
        $(".lt").on("click",function(){
            count--;
            if(count==-1){
                // 当count等于负数时，让count等于最后一张图
                count=$(".box-ol li").length-1;
            }
            $(".box-ol li").eq(count).fadeIn().siblings().fadeOut()
        })
    // 右边点击效果
        $(".gt").on("click",function(){
            count++;
            console.log(count);
            
            // 判断右边等于li的最后一个的时候，让count回归到零
            if(count==$(".box-ol li").length){
                count=0;
            }
            $(".box-ol li").eq(count).fadeIn().siblings().fadeOut()
        })
    
})

// 结尾部分图区效果图
    $(".zuobian a").on("mouseover",function(){
        //获取img标签的属性
    var $src=$(this).find("img").attr("src");
        $(".banner-bt img").attr("src",$src)
    })

// 返回顶部
    $(".iba").on("click",function(){
        $("html,body").scrollTop(0)
    })
    
